<style>
  .bar.bar-stable{
      border-color: #f93841;
      background-color: #f93841;
      background-image: none;

  }
  .bar.bar-stable .title{
      color: #ffffff;
  }
  .modal-add-back{
    width: 40px;
    /*height: 100%;*/
    background: url("img/allin/add_back.png") no-repeat center;
    background-size: 8px 14px;
  }
  /*.allin-add .item-radio{*/
      /*!*padding: 12px;*!*/
      /*border-color: #f2f2f2;*/
      /*color: #808080;*/
  /*}*/
  /*.allin-add .item{*/
    /*border-color: #f2f2f2;*/
  /*}*/
  /*.allin-add .item-radio .item-content{*/
    /*padding-left: 25px;*/
  /*}*/
  .answer{

  }
  .answer .item-radio{
    color: #333333;
    padding: 0;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 15px;
  }
  .answer-content{
    color: #000;
    padding: 15px 30px 15px 15px ;
    background-color: #f5f5f5;
    border: none;
  }
  .answer .item-radio input:checked + .radio-content .item-content{
    background-color: #fff;
    color: #FD5739;
  }
  .answer-arsult{
    text-align: center;margin-top: 20%;
    color: #666;

  }
  .answer-btn{
    color:#ffffff;
    background-image: linear-gradient(-42deg, #FF8C2B 0%, #FF6322 100%);
    border-radius: 4px;
    margin: 5% auto;
    width: 90%;

  }
  .answer-btn:hover{
    color: #ffffff;
  }
  .answer .item-radio .item-content{
    padding-left: 0;
  }
  .answer .item-radio input:checked + .radio-content .radio-icon{
    visibility: hidden;
  }
</style>
<ion-view>
  <ion-header-bar class="index_head">
    <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
    <div class="h1 title">理财师身份认证</div>
    <a class="button button-clear button-positive zhuce_head_btn" style="color: #fff;font-size: 14px;display: block;width: 70px;" ng-click="$root.bodaPhone()">
      <img style="width: 18px;height: 18px;vertical-align: middle;margin-left: 25px;" src="img/answer/telephone@2x.png"/>
    </a>
  </ion-header-bar>
  <ion-content class="bg-fff allin-add answer">
    <div ng-hide="isSuccess || successNum">
      <div   class=" list list-wrap" ng-repeat="q in questionList" ng-init="pIndex = $index" ng-hide="step != pIndex+1">
      <!--<div class="mt20 list list-wrap" ng-repeat="q in questionList" ng-init="pIndex = $index" >-->

        <div class="item answer-content">
          {{q.content}}
        </div>
        <div style="font-size: 22px;color: #333;margin: 15px 0 15px 15px">选项</div>
        <ion-list>
          <ion-radio    name="sssdfd" value="{{a.subno}}" ng-click="change(pIndex,q.shopSubjectId,a.subno)" ng-repeat="a in q.answerList">{{a.subno}}&nbsp;&nbsp;&nbsp;{{a.subcon}}</ion-radio>
        </ion-list>
        <!--<div class="item text-right" style="border-bottom: 0;color: #595959">{{pIndex+1}}/10</div>-->
      </div>
    </div>
    <div ng-show="isSuccess" class="answer-arsult">
      <img width="100px" ng-if="isSuccess" src="./img/answer/answer1.png">
      <div>你的理财师认证成绩为100分，认证审核通过</div>
    </div>
    <div ng-show="successNum" class="answer-arsult" >
      <img width="100px" ng-if="successNum" src="./img/answer/answer2.png">
      <div>你答对了{{successNum2}}道题目，再努力一把，肯定通过</div>
    </div>


  </ion-content>
  <div class="mt36" style="position: absolute;bottom: 0;width: 100%;text-align: center">
    <button ng-hide="isSuccess || successNum" class="button   answer-btn"  ng-click="customerdone()">
      {{buttonText}}
    </button>
    <button ng-if="isSuccess" ui-sref="shopHome" class="button   answer-btn"  >
      前往我的理财师店铺
    </button>
    <button ng-if="successNum" ng-click="again()" class="button   answer-btn"  >
      重新答题
    </button>
    <button ng-if="successNum" ng-click="$root.modal.userAuth();"  class="button   answer-btn"  >
      上传证件
    </button>
  </div>
</ion-view>
